<template>
    <div class="wrapper">

        <!-- header部分 -->
        <header>
            <p>用户注册</p>
        </header>

        <!-- 表单部分 -->
        <ul class="form-box">
            <li>
                <div class="title">
                    手机号码：
                </div>
                <div class="content">
                    <input type="text" placeholder="手机号码">
                </div>
            </li>
            <li>
                <div class="title">
                    密码：
                </div>
                <div class="content">
                    <input type="password" placeholder="密码">
                </div>
            </li>
            <li>
                <div class="title">
                    确认密码：
                </div>
                <div class="content">
                    <input type="password" placeholder="确认密码">
                </div>
            </li>
            <li>
                <div class="title">
                    性别：
                </div>
                <div class="content" style="font-size: 3vw;">
                    <input type="radio" name="sex" checked style="width:6vw;height: 3.2vw;">
                    男
                    <input type="radio" name="sex" style="width:6vw;height: 3.2vw;">女
                </div>
            </li>
        </ul>

        <div class="button-login">
            <button onclick="location.href='login.html'">注册</button>
        </div>

        <!-- 底部菜单部分 -->
        <div class="footer">
            <div @click="handleClick(1)"><i class="fa fa-home"></i><p>首页</p></div>
            <div><i class="fa fa-compass"></i><p>发现</p></div>
            <div @click="handleClick(2)"><i class="fa fa-file-text"></i><p>订单</p></div>
            <div @click="handleClick(3)"><i class="fa fa-user-o"></i><p>我的</p></div>
        </div>
    </div>
</template>

<style scoped lang="css">
@import "../../src/css/reset.css";
@import "../../src/css/font-awesome/css/font-awesome.min.css";
@import "../../src/css/register.css";
</style>

<script setup>
import router from "../router/index.js";

function handleClick(Num){
    //路由负责跳转
    if (Num===1)router.push('/Index')
    if(Num===2)router.push('/OrderList')
    if(Num===3)router.push('/Login')

}
</script>